Zepto(function($){
    var url = document.location.toString();
    var environment = url.indexOf("test") > 0 ? "/test" : (url.indexOf("admin") > 0 ? "/admin" : "")
    var arrUrl = url.split("//");
    var start = arrUrl[1].indexOf("/");
    var basePath = arrUrl[0] + "//" + arrUrl[1].substring(0,start) + environment ;

    // $ ('#showAnswerBtn').click (function ()
    // {
    //     layer.open({
    //         content: '请下载好氧app'
    //         ,skin: 'msg'
    //         ,time: 1 //1秒后自动关闭
    //     });
    // });
    //初始化加载评论
    createComment();

	var dpr=window.devicePixelRatio;
	var dprnum='.png';
	if ( dpr> 1&&dpr<=2) {
        var lowresImages = $('.sp-img');

        lowresImages.each(function(i) {
            var lowres = $(this).attr('src');
            var highres = lowres.replace(".png", "@2x.png");
            dprnum='@2x.png';
            $(this).attr('src', highres);
        });
    }else if(dpr>2){
        var lowresImages = $('.sp-img');
        dprnum='@3x.png';
        lowresImages.each(function(i) {
            var lowres = $(this).attr('src');
            var highres = lowres.replace(".png", "@3x.png");
            $(this).attr('src', highres);
        });
    }
   	//
    $('#back').on('mousedown', function (e) {
	        history.back(-1);

	 });
    //音乐播放器代码
    // 控制音频文件名显示宽度
    var maxW = $('.audio-right').width();
    $('.audio-right p').css({
        "max-width": maxW
    });

	    // 可能会有多个音频，逐个初始化音频控制事件
	    initAudioEvent();
	function initAudioEvent() {
	    var audio = document.getElementsByTagName('audio')[0];
	    if(!audio&&audio==null){return}
	       audio.load();

		//音频加载完成后的一系列操作
		function duration(){
		    var time = audio.duration;
		        //分钟
		    var minute = time / 60;
		    var minutes = parseInt(minute);
		    if (minutes < 10) {
		        minutes = "0" + minutes;
		    }
		    //秒
		    var second = time % 60;
		    var seconds = Math.round(second);
		    if (seconds < 10) {
		        seconds = "0" + seconds;
		    }

		    //总共时长的秒数
		    var allTime = parseInt(minutes*60 + seconds);
		    var endtime=transTime(allTime);
		    $('#endtime').html(endtime);
		}

		audio.onloadedmetadata = duration;

        // 试听//0924
        $('#testaudioPlayer').click(function () {
            autotype=1;
            var autioPlayer
            // 监听音频播放时间并更新进度条
            audio.addEventListener('timeupdate', function () {
                updateProgress(audio);
            }, false);
            // 改变播放/暂停图片
            if (audio.paused) {
                // 开始播放当前点击的音频
                audio.play();
                $('#audioPlayer').attr('src', basePath+'/course/images/'+'bofangjiemian_bofang.png'.replace('.png',dprnum));
                // $('#progressBarBg').css('cursor', 'pointer');
            } else {
                audio.pause();
                $('#audioPlayer').attr('src', basePath+'/course/images/'+'bofangjiemian_zanting.png'.replace('.png',dprnum));
                // $('#progressBarBg').css('cursor', 'default');
            }
        });////0924end
	    // 点击播放/暂停图片时，控制音乐的播放与暂停
	    $('#audioPlayer').click(function () {
	         var autioPlayer
	        // 监听音频播放时间并更新进度条
	        audio.addEventListener('timeupdate', function () {
	            updateProgress(audio);
	        }, false);

	        // 监听播放完成事件
	        audio.addEventListener('ended', function () {
	            audioEnded();
	        }, false);

	        // 改变播放/暂停图片
	        if (audio.paused) {
	            // 开始播放当前点击的音频
	            audio.play();
	            $('#audioPlayer').attr('src', basePath+'/course/images/'+'bofangjiemian_bofang.png'.replace('.png',dprnum));
	            // $('#progressBarBg').css('cursor', 'pointer');
	        } else {
	            audio.pause();
	            $('#audioPlayer').attr('src', basePath+'/course/images/'+'bofangjiemian_zanting.png'.replace('.png',dprnum));
	            // $('#progressBarBg').css('cursor', 'default');
	        }
	    });

	    // 点击进度条跳到指定点播放
	    // PS：此处不要用click，否则下面的拖动进度点事件有可能在此处触发，此时e.offsetX的值非常小，会导致进度条弹回开始处（简直不能忍！！）
	    $('#progressBarBg').on('mousedown', function (e) {
	        // 只有音乐开始播放后才可以调节，已经播放过但暂停了的也可以
	        if (!audio.paused || audio.currentTime != 0) {
	            var pgsWidth = $('.progress-bar-bg').width();
	            var rate = e.offsetX / pgsWidth;
	            audio.currentTime = audio.duration * rate;
	            updateProgress(audio);
	        }
	    });
	     $('#audioBack').on('mousedown', function (e) {
	        // 只有音乐开始播放后才可以调节，已经播放过但暂停了的也可以
	        if (audio.currentTime > 15) {
	            var pgsWidth = $('.progress-bar-bg').width();
	            var rate = e.offsetX / pgsWidth;
	            audio.currentTime = audio.currentTime-15;
	            updateProgress(audio);
	        }
	    });
	     $('#audioBefore').on('mousedown', function (e) {
	        // 只有音乐开始播放后才可以调节，已经播放过但暂停了的也可以
	        if (audio.currentTime != 0) {
	            var pgsWidth = $('.progress-bar-bg').width();
	            var rate = e.offsetX / pgsWidth;
	            audio.currentTime = audio.currentTime+15;
	            if( audio.currentTime>audio.duration){
	            	 audio.currentTime=audio.duration;
	            }
	            updateProgress(audio);
	        }
	    });

	    var dot = document.getElementById('progressDot');

	    // 鼠标拖动进度点时可以调节进度
	    // 只有音乐开始播放后才可以调节，已经播放过但暂停了的也可以
	    // 鼠标按下时
	    dot.onmousedown = function (event) {
	        if (!audio.paused || audio.currentTime != 0) {
	            var oriLeft = dot.offsetLeft;
	            var mouseX = event.clientX;
	            var maxLeft = oriLeft; // 向左最大可拖动距离
	            var maxRight = document.getElementById('progressBarBg').offsetWidth - oriLeft; // 向右最大可拖动距离

	            // 禁止默认的选中事件（避免鼠标拖拽进度点的时候选中文字）
	            if (event && event.preventDefault) {
	                event.preventDefault();
	            } else {
	                event.returnValue = false;
	            }

	            // 禁止事件冒泡
	            if (event && event.stopPropagation) {
	                event.stopPropagation();
	            } else {
	                window.event.cancelBubble = true;
	            }

	            // 开始拖动
	            document.onmousemove = function (event) {
	                var length = event.clientX - mouseX;
	                if (length > maxRight) {
	                    length = maxRight;
	                } else if (length < -maxLeft) {
	                    length = -maxLeft;
	                }
	                var pgsWidth = $('.progress-bar-bg').width();
	                var rate = (oriLeft + length) / pgsWidth;
	                audio.currentTime = audio.duration * rate;
	                updateProgress(audio);
	            };

	            // 拖动结束
	            document.onmouseup = function () {
	                document.onmousemove = null;
	                document.onmouseup = null;
	            };
	        }
	    };
	}

	/**
	 * 更新进度条与当前播放时间
	 * @param {object} audio - audio对象
	 */
	function updateProgress(audio) {
		if(audio.currentTime>0){
			$('#audioBefore').attr('src',  basePath+'/course/images/'+'kuaijini15s_h.png'.replace('.png',dprnum));
		}
		if(audio.currentTime>15){
			$('#audioBack').attr('src',  basePath+'/course/images/'+'houtui15s_h.png'.replace('.png',dprnum));
		}
	    var value = audio.currentTime / audio.duration;
	    $('#progressBar').css('width', value * 100 + '%');
	    $('#progressDot').css('left', value * 100 + '%');
	    $('#audioCurTime').html(transTime(audio.currentTime));
        //0924
        if(autotype==1&&audio.currentTime>=60){
            audio.pause();
            layer.open({
                content: '您需要购买才能继续听？'
                ,btn: ['登录', '不要']
                ,yes: function(index){
                    layer.close(index);
                    window.open(basePath+"/page/weixin/",'_top',true);
                }
            });
        }
        //0924
	}

	/**
	 * 播放完成时把进度调回开始的位置
	 */
	function audioEnded() {
	    $('#progressBar').css('width', 0);
	    $('#progressDot').css('left', 0);
	    $('#audio').html(transTime(0));
	    $("#audioCurTime").html('00:00');
	     $('#audioBack').attr('src',  basePath+'/course/images/'+'houtui15s_u.png'.replace('.png',dprnum));
	      $('#audioBefore').attr('src',  basePath+'/course/images/'+'kuaijini15s_u.png'.replace('.png',dprnum));
	    $('#audioPlayer').attr('src',  basePath+'/course/images/'+'bofangjiemian_zanting.png'.replace('.png',dprnum));
	}

	/**
	 * 音频播放时间换算
	 * @param {number} value - 音频当前播放时间，单位秒
	 */
	function transTime(value) {
	    var time = "";
	    var h = parseInt(value / 3600);
	    value %= 3600;
	    var m = parseInt(value / 60);
	    var s = parseInt(value % 60);
	    if (h > 0) {
	        time = formatTime(h + ":" + m + ":" + s);
	    } else {
	        time = formatTime(m + ":" + s);
	    }

	    return time;
	}

	/**
	 * 格式化时间显示，补零对齐
	 * eg：2:4  -->  02:04
	 * @param {string} value - 形如 h:m:s 的字符串
	 */
	function formatTime(value) {
	    var time = "";
	    var s = value.split(':');
	    var i = 0;
	    for (; i < s.length - 1; i++) {
	        time += s[i].length == 1 ? ("0" + s[i]) : s[i];
	        time += ":";
	    }
	    time += s[i].length == 1 ? ("0" + s[i]) : s[i];

	    return time;
	}
	//上滑刷新
	$(window).scroll(function(){
	　　//判断是否滑动到页面底部
		if($(window).scrollTop() === $(document).height() - $(window).height()){
		   //TODO 滑动到底部时可请求下一页的数据并加载，加载可使用append方法
		   //ctlist
			createComment();
		}
	});
    function createComment(){
        var commentCount = $(".cc-title h2").attr("data-count");
        var num=$(".ctlist li").length;
        if(commentCount > num){
            var pageNum = num/10;
            var ret = JSON.parse(getComment(pageNum+1));
            var ahtml= "";
            for(var i = 0 ; i < ret.length ; i++ ){
                console.log(ret[i].content);
                ahtml += ' <li class="dt-item">'+
                    '<div class="acimg">'+
                    '<img src="'+ ret[i].imgPath +'">'+
                    '</div>'+
                    '<div class="acmain">'+
                    '	  <div class="ccm-top">'+
                    ' 	<div class="ccmt-t">'+
                    '	<div class="fl ct-name">'+ ret[i].nickName +
                    ' 	</div>'+
                    ' 	</div>'+
                    '	<p>' + ret[i].content + '</p>'+
                    '  	<div class="ccmt-date">' + formatDate(new Date(ret[i].createTime)) + '</div>'+
                    '	  </div>'+

                    '  </div>'+
                    "    </li>";
            }
            $(".ctlist").append(ahtml);
        }
    }

    function formatDate(time){
        var date = new Date(time);

        var year = date.getFullYear(),
            month = date.getMonth() + 1,//月份是从0开始的
            day = date.getDate();
        var newTime = year + '-' +
            month + '-' +
            day;
        return newTime;
    }


});